<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<title>Bar Menu - Highlight active - Test - MyGosuMenu</title>
    <link rel="stylesheet" type="text/css" href="../BarMenu.css">
    <script type="text/javascript" src="../BarMenu.js"></script>
    <style type="text/css">
    body {
        background-color: #111433;
		color: #eee;
    }
	body { font-family: tahoma; font-size: 13px; margin: 1em 2em; }
	h1 { font-size: 24px; }
	a, a:visited { color: #fff; }
    </style>
</head>
<body>

	<h1>Bar Menu - Highlight active - Test - MyGosuMenu</h1>

	<p>
		Project: <a href="http://www.gosu.pl/MyGosuMenu/">MyGosuMenu</a> <br>
		Menu type: BarMenu
	</p>

    <table cellspacing="0" cellpadding="0" id="bar-menu1" class="bar-menu">
    <tr>
        <td>
            <div class="box1">Products <img src="../images/arrow1.gif" width="11" height="11" alt=""></div>
            <div class="section">
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Product One</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Product Two</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="highlightActive.html">Product Three</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Product Four</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Product Five</a></div>
            </div>
        </td>
    </tr>
    <tr><td height="2"></td></tr>
    <tr>
        <td>
            <div class="box1">Downloads <img src="../images/arrow1.gif"></div>
            <div class="section">
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Product One</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Product Two</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Product Three</a></div>
            </div>
        </td>
    </tr>
    <tr><td height="2"></td></tr>
    <tr>
        <td>
            <div class="box1">Support <img src="../images/arrow1.gif" width="11" height="11" alt=""></div>
            <div class="section">
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">E-mail Support</a></div>
            </div>
        </td>
    </tr>
    <tr><td height="2"></td></tr>
    <tr>
        <td>
            <div class="box1">Partners <img src="../images/arrow1.gif" width="11" height="11" alt=""></div>
            <div class="section">
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Partner Benefits</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Partner Application</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Partner Listing</a></div>
            </div>
        </td>
    </tr>
    <tr><td height="2"></td></tr>
    <tr>
        <td>
            <div class="box1">Customers <img src="../images/arrow1.gif" width="11" height="11" alt=""></div>
            <div class="section">
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Customer One</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Customer Two</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Customer Three</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Customer Four</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Customer Five</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Customer Six</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Customer Seven</a></div>
            </div>
        </td>
    </tr>
    <tr><td height="2"></td></tr>
    <tr>
        <td>
            <div class="box1">About Us <img src="../images/arrow1.gif" width="11" height="11" alt=""></div>
            <div class="section">
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Executive Team</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Investors</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Career</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Press Center</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Success Stories</a></div>
                <div class="box2"><img src="../images/arrow2.gif" width="14" height="9" alt=""><a href="javascript:void(0)">Contact Us</a></div>
            </div>
        </td>
    </tr>
    </table>

    <script type="text/javascript">
    var barMenu1 = new BarMenu('bar-menu1');
    barMenu1.highlightActive = true;
    barMenu1.init();
    </script>

</body>
</html>